.w-sdc-header-user-container {
    .b_7;
    width: 400px;
    .flex-fixed(400px);
    padding: 0 23px;
    display: flex;
    justify-content: flex-end;
}

.w-sdc-header-user-icon {
    background: no-repeat url('/assets/styles/images/anonymous.jpg');
    border-radius: 50%;
    height: 47px;
    width: 47px;
    background-size: cover;
    border: solid 2px @color_m;
    .flex-fixed(47px);
}

.w-sdc-header-user-details {
    padding: 4px 4px 4px 14px;
    .vcenter;
}

.w-sdc-header-user-name {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;

    .bold;
    display: inline-block;
}

.w-sdc-header-user-role {
    .bold;
    display: inline-block;
    margin-left: 6px;

    &:before {
        content: '';
        margin-right: 8px;
        border-left: 1px solid @color_m;
    }
}

.w-sdc-header-user-last-login {
    .font-type._3;
    display: block;
}

.w-sdc-header-logout-icon {
    background-image: url('');
    height: 20px;
    width: 18px;
    position: absolute;
    right: 20px;
    top: 29px;
}


